import Taro, { Component } from '@tarojs/taro'
import {View,Text,Image} from '@tarojs/components'
import './index.css'
import { AtInput, AtForm,AtTag ,AtCard,AtButton} from 'taro-ui'
import {$navigateTo,getGlobalData } from '../../../global'
import app from '../../../main.js'
export default class index extends Component {
  config = {
    navigationBarTitleText: '我的优惠券'
  }
duihuan=()=>{
  $navigateTo("../youhuiquan/index")
}
  componentWillMount () { }

  componentDidMount () { }

  componentWillUnmount () { }

  componentDidShow () { }

  componentDidHide () { }
  constructor () {
    super(...arguments)
    this.state = {
      value: ''
    }
  }
  handleChange (value) {
    this.setState({
      value
    })
  }
  
  render () {
    return (
    <View className='index'>
      
  <View className='g'>
  <AtCard
  extra='去使用'
  title='￥30'
  thumb={getGlobalData('baseurl')+'img/youhuiquan.png'}
><View className='c'>
  <Text>有效期：2018年12月15日——2019年12月15日</Text>
  <Text>\n使用范围：问诊、挂号</Text>
  <Text>\n使用说明：本优惠券在2019年12月15日过期，请注意使用时间和适用范围\n</Text></View>
</AtCard>
</View>
<View className='g'>
<AtCard
  extra='已过期'
  title='￥50'
  thumb={getGlobalData('baseurl')+'img/youhuiquan.png'}
><View className='c'>
  <Text>有效期：2018年1月16日——2018年11月16日</Text>
  <Text>\n使用范围：问诊、手术</Text>
  <Text>\n使用说明：本优惠券在2018年11月16日过期，请注意使用时间和适用范围\n</Text></View>
</AtCard>
</View>
<View className='g'>
<AtCard
  extra='已使用'
  title='￥100'
  thumb={getGlobalData('baseurl')+'img/youhuiquan.png'}
><View className='c'>
  <Text>有效期：2018年11月20日——2019年12月20日</Text>
  <Text>\n使用范围：手术</Text>
  <Text>\n使用说明：本优惠券在2019年12月20日过期，请注意使用时间和适用范围\n</Text></View>
</AtCard>
</View>
<AtButton full onClick={this.duihuan}>兑换优惠券</AtButton>
    </View>
    )
    
  }
  

}

